*{padding: 0;margin: 0;}
/*外部框架*/
.container{width: 320px;height: 480px;position: relative;
   margin: 50px auto;background: url(tupian图片/huitailang1.jpg) ;no-repeat:0 0;}
 /*分数*/  
.container>h1{margin-left: 60px;color: black;line-height: 46px;}
/*时间进度条*/
.container>.progress{width: 180px;height: 16px;position: absolute;
background: url(tupian图片/shijian条.png);no-repeat:0 0;top: 66px;left: 63px;}
/*开始游戏*/
.container>.start{width: 150px;line-height: 35px;text-align: center;color: white;
background: linear-gradient(#e55c3d,#c50111);border: none;position: absolute;
top: 320px;left: 50%;margin-left:-75px;border-radius: 20px;font-size: 22px;}
/*底部规则栏*/
.container>.rules{width: 100%;height: 20px;text-align: center;position: absolute;
bottom: 0;left: 0;background-color: #CCCCCC;}
/*规则样式*/
.container>.rule{width: 100%;height:100%;position: absolute;top: 0;left: 0;
padding-top: 100px;box-sizing: border-box;text-align: center;display: none;}
.rule>p{line-height: 50px;color: white;}
.rule>a{color: red;}
/*游戏结束界面*/
.container>.mask{width: 100%;height:100%;position: absolute;top: 0;left: 0;
padding-top: 200px;box-sizing: border-box;text-align: center;display: none;}
.container>.mask>h1{text-shadow:3px 3px #FFFFFF;color: #ff4500;font-size: 40px;}
.container>.mask>button{width: 150px;line-height: 35px;text-align: center;color: white;
background: linear-gradient(#74accf,#007ddc);border: none;position: absolute;
top: 320px;left: 50%;margin-left:-75px;border-radius: 20px;font-size: 22px;}